.duty {
	display: flex;
	flex-direction: column;
	align-items: end;
	width: calc(69% - 40px);
	padding: 20px;
	background-color: var(--app-container-bg);
	border-radius: 4px;
	transition: 0.3s;
	&:hover {
		box-shadow: var(--app-container-box-show);
	}
	:deep(.el-tree) {
		width: 100%;
		height: calc(100% - 30px);
		overflow-y: scroll;
		color: var(--app-container-text);
		background-color: var(--app-container-bg);

		--el-tree-node-hover-bg-color: var(--app-main-bg-color);
		.el-tree-node__content {
			.el-icon {
				color: var(--app-container-text);
			}
			&:hover {
				background-color: var(--app-main-bg-color);
			}
		}
		.el-checkbox__input.is-checked .el-checkbox__inner {
			background-color: var(--app-text-primary);
			border: 1px solid var(--app-border-color);
		}
		.el-checkbox__inner {
			&::after {
				--el-checkbox-checked-icon-color: var(--app-container-text);
				// border: 1px solid var(--app-container-text);
			}
			&::before {
				--el-checkbox-checked-icon-color: var(--app-container-text);
			}
		}
	}
	.el-button {
		width: 100px;
		height: 30px;
		margin-top: 20px;
	}
}
